<template>
	<div class="box">
		<div class="box2">
			<div class="price">
				<p class="gold">￥<span>189</span>起</p>
				<p class="oldGold">239</p>
				<p class="tejia">特价</p>
			</div>
			<div class="shoucang">
				<span class="iconfont icon-wujiaoxingxingxing"></span>
				<p class="sc">收藏</p>
			</div>
		</div>
		<div class="box3">
			<p class="miaoshu">8H天然乳胶舒压按摩枕Z3</p>
			<p class="tiyan">指腹式按摩感，SPA级的睡眠，内外枕套AAA级抗菌</p>
			<div class="huodong">
				<span>8H六周年店庆！部分商品同价双十一 ！满额送沙发！枕头买一赠一！想免单？</span><span class="lianjie">点击8H活动专场>></span>
			</div>
		</div>
		<div class="baise"></div>
		<div class="zhuanchang"><img src="../assets/imgs/goodsParticulars/xinren.png" alt=""></div>
		<div class="baise2"></div>
	</div>
</template>

<script>
	export default {
		name:"Details",
		data:function(){
			return{
				
			}
		}
	}
</script>

<style scoped>
	.box{
		width: 100%;
		height: 2.4rem;
		overflow: hidden;
	}
	.box2{
		width: 100%;
		height: 0.5rem;
		display: flex;
		align-items: center;
	}
	.box2 .price{
		width: 86%;
		height: 100%;
		display: flex;
		align-items: center;
	}
	.box2 .price .gold{
		color: #B4731F;
		font-weight: bold;
		margin: 0 0 0 0.1rem;
	}
	.box2 .price .gold span{
		font-size: 0.27rem;
	}
	.box2 .price .oldGold{
		text-decoration:line-through;
		font-size: 0.15rem;
		color: #999;
		margin: 0.1rem 10px 0 10px;
	}
	.box2 .price .tejia{
		font-size: 0.12rem;
		width: 0.3rem;
		line-height: 0.16rem;
		text-align: center;
		border-radius: 0.04rem;
		display: inline-block;
		border: 0.01rem solid #B4731F;
		color: #B4731F;
		margin-top: 0.06rem;
	}
	/* 收藏 */
	.box2 .shoucang{
		width: 14%;
		height: 100%;
		/* background-color: #0077AA; */
		line-height: 88%;
		text-align: center;
		padding-top: 0.14rem;
		box-sizing: border-box;
		color: #949596;
	}
	.box2 .shoucang .icon-wujiaoxingxingxing{
		font-size: 0.22rem;
		font-weight: bold;
	}
	.box2 .shoucang .sc{
		transform: scale(.5);
	}
	/* box3 */
	.box3{
		color: #333;
		padding-left: 0.12rem;
		box-sizing: border-box;
	}
	.box3 .miaoshu{
		font-size: 0.17rem;
		font-weight: bold;
		margin: 0.02rem 0 10px 0;
	}
	.box3 .tiyan{
		font-size: 0.13rem;
		color: #888888;
	}
	.box3 .huodong{
		width: 95%;
		height: 0.5rem;
		color: #888888;
		border-radius: 0.05rem;
		font-size: 0.13rem;
		background-color:#F8F8F8;
		margin-top: 0.08rem;
		padding: 0.07rem 0 0 5px;
		box-sizing: border-box;
	}
	.box3 .huodong .lianjie{
		color: #B4731F;
	}
	/* 包条 */
	.box .baise{
		width: 100%;
		height: 0.1rem;
		background-color: #F8F8F8;
		margin-top: 0.1rem;
	}
	.box .zhuanchang{
		width: 100%;
		height: 0.4rem;
		padding: 0 0.2rem;
		box-sizing: border-box;
	}
	.box .zhuanchang img{
		width: 100%;
		height: 100%;
	}
	.box .baise2{
		width: 100%;
		height: 0.11rem;
		background-color:#F8F8F8;
	}
</style>
